<template>
  <view class="content">
    <image class="logo" src="/static/logo.png" />
  </view>
  <wd-cell-group>
    <wd-cell title="工时统计" icon="setting1" is-link @click="navToTheme" />
    <wd-cell title="薪资计算器" icon="user" is-link @click="navToSalary" />
  </wd-cell-group>
</template>
<script setup>
  const title = ref('Home');
  const navToTheme = () => {
    uni.navigateTo({
      url: '/pages/work/index',
    });
  };
  const navToTax = () => {
    uni.navigateTo({
      url: '/pages/tax/index',
    });
  };
  const navToSalary = () => {
    uni.navigateTo({
      url: '/pages/salary/index',
    });
  };
</script>
<route lang="json">
{
  "name": "mine",
  "style": { "navigationStyle": "custom" },
  "layout": "tabbar"
}
</route>
<style scoped lang="scss">
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .logo {
      width: 200rpx;
      height: 200rpx;
      margin: 60px auto 50px;
    }
    .text-area {
      display: flex;
      justify-content: center;
      .title {
        font-size: 36rpx;
        color: #8f8f94;
      }
    }
  }
</style>
